<template>
  <div>

    <i class="el-icon-circle-close icon-failure"/>
    <h1>
      平台审核不通过
    </h1>
    <p>
      请根据下方平台审核不通过理由修改相应信息并再次提交平台审核。
    </p>
    <div class="fail-box">
      <div>
        <svg-icon icon-class="check-refuse" />
&nbsp&nbsp审核不通过!</div>
      <ul>
        <li v-for="(item, index) in questions" class="question">
          <div class="question-label">问题{{ index + 1 }}：</div>
          <div class="question-content">{{ item.message }}</div>
        </li>
      </ul>
      <div style="text-align: right">
        客服电话：400-826-6205
      </div>
    </div>
    <div class="pre">
      <el-button @click="pre">上一步</el-button>
    </div>
  </div>
</template>
<script>
import { getServiceStatus } from '@/api/serviceinfo'
export default {
  data() {
    return {
      questions: []
    }
  },
  created() {
    this.getServiceQustions()
  },
  methods: {
    getServiceQustions() {
      getServiceStatus().then(res => {
        if (res.status === 200) {
          this.questions = res.data.error_message
        }
      })
    },
    pre() {
      this.$store.dispatch('PreState', this.$store.getters.user_state)
      this.$router.replace('/register/third')
    }
  }

}

</script>
<style rel="stylesheet" scoped lang="scss">
  .icon-failure {
    color: #F42935;
    font-size: 80px;
  }
  .fail-box {
    margin-top: 57px;
    text-align: left;
    background: rgba(254, 241, 240, 1);
    border-radius: 2px;
    border: 1px solid rgba(250, 163, 158, 1);
    padding: 17px 24px;
    .question {
      display: flex;
      padding: 12px 26px;
      .question-label {
        margin-right: 10px;
      }
    }
  }
  .pre {
    margin-top: 62px;
  }
</style>
